<template>
    <div>
       <u-navbar :is-back="true" title="提现记录" back-text='' >
      <view class="slot-right" style="width: 100%;display: flex;justify-content: flex-end;" >
				<!-- <div>
                <img @click="goSettingM" style="width: 1rem;padding: 1rem;" src="../../style/image/my/设 置.png" alt="">
                </div> -->
			</view>
      </u-navbar>

      <div>
      <div class="totle-price" >
         <div class="totle-price-text" >
          <span  >8月提现：</span><span>¥898979.00</span>
         </div>

         <div :style="{ display:'flex', justifyContent:'center' ,alignItems:'center' ,backgroundColor:'white', borderRadius:'5px',padding:'0.3rem' }" >
         <img :style="{  width:'1rem' }" src="../../style/image/stati/A33.png" alt="">
         <div :style="{ fontSize:'0.6rem', padding:'0rem 0rem 0rem 0.5rem' }"  >2020-10</div>
         </div>

      </div>
      </div>

       <div class="notesList" v-for="(item,index) in notesList " :key="index" >

          <div   class="notesList-child" >
              <div class="note-top" >
                    <div style="
font-size: 0.77rem;
font-family: PingFang SC;
font-weight: 300;
color: #656565;">
                    提现中</div>

                    <div style="
font-size: 0.66rem;
font-family: PingFang SC;
font-weight: 300;
color: #656565;">2018-01-02  12:32  提现
                    </div>
              </div>
              <div class="note-bottom" >
                    <div style="
font-size: 1rem;
font-family: PingFang SC;
font-weight: 300;
color: #000000;">￥2569.30</div>

                    <div style="
font-size: 0.66rem;
font-family: PingFang SC;
font-weight: 300;
color: #656565;">预计**小时内到账</div>
              </div>
          </div>

       </div>


    </div>
    </div>
</template>

<script lang='ts' >

 import { Component, Prop,Vue, Watch ,Emit} from 'vue-property-decorator'


 @Component({     //   @Component  是一个装修器   不可以在下面写语句
        name: 'test',
    })


    export default class extends Vue {
 
     @Prop({
            type: String, // 父组件传递给子组件的数据类型
            required: false, // 是否必填
            default: ' ' // 默认值， 如果传入的是 Object，则要 default: ()=>({}) 参数为函数
        }) msg!:string;

       public notesList=[
        {
        
        },
        {
        
        },
        {
        
        }

        ]


       
         created() {
          }

          mounted() {
              //  console.log('父组件传递的参数:',this.$parent)   //暂时不考虑

                
     uni.navigateTo({
    url: './selectBusin'
    });
          }

    }
</script>

<style  scoped>

.totle-price{
     display: flex;
     justify-content: space-between;
     align-items: center;
     background-color: #f3f5f7;
     padding: 0.2rem 0.5rem;
}
.totle-price-text{

font-size: 0.73rem;
font-family: PingFang SC;
font-weight: 400;
color: #000000;
}
.totle-price-text span{

font-size: 0.73rem;
font-family: PingFang SC;
font-weight: 300;
color: #000000;
}

.notesList{
margin: 0.5rem;
/* border-bottom: 1px solid #f2f2f2; */

}
.notesList-child{
padding: 0.5rem;
border-bottom: 1px solid #f2f2f2;

}


.note-top{
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.note-bottom{
 display: flex;
 align-items: center;
 justify-content: space-between;
}
</style>